<!DOCTYPE html>
<html ng-app="food">
	<head>
		<meta charset="UTF-8">
		<!-- 优先使用 IE 最新版本和 Chrome -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

		<title>首页</title>
		<link rel="stylesheet" href="../assets/vendor/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../assets/home/css/common.css"/>
		<link rel="stylesheet" type="text/css" href="../assets/home/css/style.css"/>
		<script src="../assets/vendor/jquery-1.11.0.js"></script>
	</head>
	<body>

		<!--导航-->
		<div class="clearfix nav">
			<a class="logo" href="javascript:;"></a>
			<ul class="clearfix nav-wrap">
				<li><a class="nav-item nav-active" ui-sref="home">首页</a></li>
				<li><a class="nav-item" ui-sref="pinpai({artId:45})">品牌故事</a></li>
				<li><a class="nav-item" ui-sref="foodList">美食系列</a></li>
				<li><a class="nav-item" ui-sref="shopList">店面展示</a></li>
				<li><a class="nav-item" ui-sref="newList">新闻资讯</a></li>
				<li><a class="nav-item" ui-sref="about">关于我们</a></li>
			</ul>
		</div>

		<!--头部 轮播图-->
		<div ng-include="'../src/views/home/header.html'"></div>

		<!--中间内容页面-->
		<div ui-view></div>

		<!--底部-->
		<div ng-include="'../src/views/home/footer.html'"></div>

	</body>
	<!--jq调用-->
	<script src="../assets/home/js/jquery-1.11.0.js" type="text/javascript"></script>
	<script type="text/javascript">
		//导航当前项切换
		$(".nav-item").click(function(){
			$(this).parent("li").siblings().children().removeClass("nav-active");
			//点击对象的父级（li）的兄弟级（li）的子集（a）移除类
			$(this).addClass("nav-active");
			//给点击对象添加类
		});
	   	  //新品推荐table切换
		// var nSpan = document.getElementById("newfood-span");
		// 	var newspan = nSpan.querySelectorAll("span");
		// 	var oUl  = document.getElementById("newfood-table");
		// 	var uls = oUl.querySelectorAll("ul");
		// 	var last=newspan[0];
		// 	for(var i=0;i<newspan.length;i++){
		// 			newspan[i].index=i;  //给每一个按钮添加一个自定义属性，存储的是他们对应的索引值；
		// 			newspan[i].onclick=function(){
		// 				last.style.background="url(../assets/home/img/icon.png)";  //把上一次点击对象的背景更换掉
		// 				uls[last.index].style.display="none"; //上一个对应的div，让他隐藏
		// 				this.style.background="url(../assets/home/img/icon-2.png)"; //给当前点击的按钮添加背景
		// 				uls[this.index].style.display="block"; //当前点击按钮对应的div显示
		// 				last=this; 	//把上一次点击的对象更新成当前点击的对象
		// 			};
		// 		};
	</script>
</html>
<script src="../assets/vendor/angular/angular.min.js"></script>
<script src="../assets/vendor/angular-ui-router/release/angular-ui-router.min.js"></script>
<script src="../assets/vendor/angular-sanitize.min.js"></script>
<script src="../assets/vendor/angular-ui-bootstrap.js"></script>
<script src="../src/app-home.js"></script>
<script src="../src/routers/router-home.js"></script>
<script src="../src/services/page-service.js"></script>
<script src="../src/controllers/home/footerController.js"></script>
<script src="../src/controllers/home/homeController.js"></script>
<script src="../src/controllers/home/mainController.js"></script>
<script src="../src/controllers/home/newListController.js"></script>
<script src="../src/controllers/home/foodListController.js"></script>
<script src="../src/controllers/home/shopListController.js"></script>